body
{
	background: url(../../images/main_bg.jpg);
	background-size: cover;
}

.contents
{
	width: 80%;
	min-width: 1000px;
	margin: auto;
	background-color: rgba(0, 0, 0, 0.6);
	box-shadow: 0px 0px 10px #00EFFF;
	color: #00EFFF;
}

.dashboard
{
	float: left;
	min-width: 160px;
	font-size: 20px;
}

.dashboard li
{
	height: 30px;
	line-height: 30px;
	margin: 20px;
}

.legend
{
	width: 30px;
	text-align: center;
}

.legend img
{
	width: 20px;
	height: 20px;
}

.legend i
{
	display: inline-block;
	vertical-align: baseline;
}

.dashboard input[type="checkbox"]
{
	vertical-align: top;
	margin-right: 5px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}

tr:hover{ text-shadow: 0px 0px 10px #00EFFF; }

.map
{
	float: right;
	width: 800px;
	height: 800px;
	background-size: 800px 800px;
	margin: 20px;
	box-shadow: 0px 0px 20px #00EFFF;
	border-radius: 8px;
	position: relative;
}




.point
{
	display: inline-block;
	position: absolute;
	visibility: hidden;
}

.red_obelisk
{
	width: 20px;
	height: 20px;
	background-color: #F70102;
	border: 2px solid #812F1A;
	border-radius: 50%;
}

.blue_obelisk
{
	width: 20px;
	height: 20px;
	background-color: #00A5FF;
	border: 2px solid #266DBF;
	border-radius: 50%;
}

.green_obelisk
{
	width: 20px;
	height: 20px;
	background-color: #14E800;
	border: 2px solid #207203;
	border-radius: 50%;
}

.sea_crate
{
	width: 10px;
	height: 10px;
	background-color: #F00;
	border: 1px solid #000;
	border-radius: 50%;
}

.cave_crate
{
	width: 7px;
	height: 7px;
	background-color: #0F0;
	border: 1px solid #000;
	border-radius: 50%;
}

.note
{
	width: 10px;
	height: 10px;
	background-color: #CCA8CC;
	border: 1px solid #000;
	border-radius: 50%;
}


.dossier
{
	width: 10px;
	height: 10px;
	background-color: #0CC;
	border: 1px solid #000;
	border-radius: 50%;
}

.cave_entrance
{
	width: 10px;
	height: 10px;
	background-color: #FFF;
	border: 1px solid #000;
	border-radius: 50%;
}

.artifact
{
	width: 12px;
	height: 12px;
	background-color: #FF0;
	border: 1px solid #000;
	border-radius: 50%;
}
